<%-- Created by IntelliJ IDEA. User: Acer Date: 2022/5/6 Time: 8:41 To change this template use File | Settings | File
    Templates. --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
        <html lang="en">

        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>书城</title>
            <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/common.css">
            <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/main.css">
            <link rel="stylesheet" href="${pageContext.request.contextPath }/WebFront/css/reset.css">
            <script charset="UTF-8" type="text/javascript"
                src="${pageContext.request.contextPath }/WebFront/js/jquery.min.js"></script>
            <script charset="UTF-8" type="text/javascript"
                src="${pageContext.request.contextPath }/WebFront/js/jquery.cookie.js"></script>
            <script charset="UTF-8" type="text/javascript"
                src="${pageContext.request.contextPath }/WebFront/js/main.js"></script>
        </head>

        <body>

            <div class="modal1" id="modal1">

                <div class="login" id="login">

                    <div class="close">
                        <a href="javascript:closelogin()" onclick="closelogin()">X</a>
                    </div>

                    <form action="${pageContext.request.contextPath }/user/login" method="post" name="formLogin">
                        <div class="account">
                            账号:<input type="text" name="account" placeholder="请输入账号">
                        </div>
                        <div class="password">
                            密码:<input type="password" name="password" placeholder="请输入密码">
                        </div>
                        <div class="submit">
                            <button type="button" onclick="LoginNull();successLogin()">
                                登录
                            </button>
                        </div>
                    </form>

                    <div class="wrapRegister">
                        注册请按<a href="javascript:wrapRegister()" onclick="wrapRegister()">
                            < 这儿>
                        </a>
                    </div>

                </div>

                <div class="register" id="register">

                    <a href="javascript:closelogin()" onclick="closelogin()">
                        <div class="close">X</div>
                    </a>

                    <form action="${pageContext.request.contextPath }/user/register" method="post" name="formRegister">

                        <div class="password">
                            密码:<input type="password" name="password" placeholder="请输入密码">
                        </div>

                        <div class="repassword">
                            确认:<input type="password" name="repassword" placeholder="请确认密码">
                        </div>

                        <div class="phone">
                            电话:<input type="text" name="phone" placeholder="请输入电话">
                        </div>

                        <div class="check">
                            验证:<input type="text" name="check" placeholder="请输入验证码">
                        </div>

                        <div>
                            <input type="radio" name="permission" id="USER" value="USER">用户
                            <input type="radio" name="permission" id="ADMIN" value="ADMIN">管理员
                        </div>

                        <div class="submit">
                            <button type="button" onclick="RegisterNull()">
                                注册
                            </button>
                        </div>

                    </form>

                    <div class="wrapLogin">
                        登录请按<a href="javascript:wrapLogin()" onclick="wrapLogin()">
                            < 这儿>
                        </a>
                    </div>

                </div>

            </div>

            <div class="main">
                <div class="header">
                    <div class="mid">

                        <div class="ral" id="notLogin">
                            <a href="javascript:openlogin()" onclick="openlogin()">
                                <div class="regAndLog">点此处登录/注册</div>
                            </a>
                        </div>

                        <div class="sl" id="successLogin">
                            <!--个人信息网址-->
                            <a href="">
                                <div class="successLogin">user.name</div>
                            </a>
                        </div>

                        <div class="welcome">
                            Welcome to The City of books!
                        </div>

                        <div class="search">
                            <form action="${pageContext.request.contextPath }/onbooks/search" method="post"
                                name="formSearch">
                                <input type="text" id="keyword" name="querybookname" placeholder="请输入要搜索的书名">
                                <button type="button" >
                                    <img src="${pageContext.request.contextPath }/WebFront/images/f002.jpg">
                                </button>
                            </form>
                        </div>

                    </div>
                </div>

                <div class="container">
                    <div class="panelChoice">
                        <div class="choice">
                            <div class="items type clearfix">
                                <div class="items-left">类型：</div>
                                <ul class="items-right">
                                    <li value="0" class="selected">全部</li>
                                    <li value="1">小说</li>
                                    <li value="2">文学</li>
                                    <li value="4">历史</li>
                                    <li value="8">传记</li>
                                    <li value="16">青春</li>
                                    <li value="32">励志</li>
                                    <li value="64">社科</li>
                                    <li value="128">心理</li>
                                    <li value="256">经济</li>
                                    <li value="512">管理</li>
                                    <li value="1024">理财</li>
                                </ul>
                            </div>
                            <div class="items zoon clearfix">
                                <div class="items-left">区域：</div>
                                <ul class="items-right">
                                    <li value="0" class="selected">全部</li>
                                    <li value="1">中国</li>
                                    <li value="2">欧美</li>
                                    <li value="4">日本</li>
                                </ul>
                            </div>
                            <div class="items other clearfix">
                                <div class="items-left">其他：</div>
                                <ul class="items-right">
                                    <li value="0" class="selected">全部</li>
                                    <li value="1">特价</li>
                                    <li value="2">免费</li>
                                    <li value="4">VIP</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panelContent">
                        <div class="moviesList clearfix">
                            <div class="movieItem">
                                <a href="">
                                    <div class="dimax">
                                        折扣
                                    </div>
                                    <img src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval">
                                    <a href="">
                                        阿松大我能打
                                    </a>
                                    <div class="value">
                                        price
                                    </div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem">
                                <a href="">
                                    <div class="dimax">折扣</div>
                                    <img src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval">
                                    <a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打阿三达瓦达瓦达瓦</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                    <div class="dimax">折扣</div><img
                                        src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                                </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                            <div class="movieItem"><a href="">
                                <div class="dimax">折扣</div><img
                                    src="${pageContext.request.contextPath }/WebFront/images/book.jpg">
                            </a>
                                <div class="eval"><a href="">阿松大我能打</a>
                                    <div class="value">price</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="changePage">
                        <ul class="pageItems clearfix">
                            <li class="pageItem">
                                <div class="pageItemNumber ">上一页</div>
                            </li>
                            <li class="pageItem selected">
                                <div class="pageItemNumber "> 1 </div>
                            </li>
                            <li class="pageItem">
                                <div class="pageItemNumber "> 2 </div>
                            </li>
                            <li class="pageItem">
                                <div class="pageItemNumber "> 3 </div>
                            </li>
                            <li class="pageItem">
                                <div class="pageItemNumber "> 4 </div>
                            </li>
                            <li class="pageItem">
                                <div class="pageItemNumber "> 5 </div>
                            </li>
                            <li class="pageItem">
                                <div class="pageItemNumber "> 6 </div>
                            </li>
                            <li class="pageItem">
                                <div class="pageItemNumber ">下一页</div>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
<%--            <script>--%>
<%--                var div = $("<div></div>").addClass("movieItem");--%>
<%--                div.append($("<a></a>").attr("href", ""));--%>
<%--                div.children("a").append($("<div></div>").addClass("dimax").text("VIP"),--%>
<%--                                         $("<img>").attr("src", ""));--%>
<%--                div.append($("<div></div>").addClass("eval").append($("<a></a>").text("书名"),--%>
<%--                                                                    $("<div></div>").addClass("value").text(1024)));--%>
<%--                $(".moviesList").append(div);--%>
<%--            </script>--%>
<script>
    // var lisType = $(".main .container .panelChoice .choice .type .items-right li");
</script>
        </body>

        </html>